<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>磐石首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="css/mui.min.css">
		<style >
			body{
				height: 1334px;
			}
			#head_div{
				height: 530px;
				background: #3478D0;
				text-align: center;
				margin-top: 0px;
				border-bottom-right-radius:90px;
				border-bottom-left-radius:90px;
			}
			#logo_div{
				padding-top: 23px;
				margin-bottom: 20px;
			}
			#logo_div > img{
				height: 163px;
				width: 163px;
			}
			#head_div > span{
				font-size: 35px;
				color: white;
			}
			#content_div{
				width: 686px;
				height: 448px;
				margin-top: -250px;
				margin-left: 25px;
				background: white;
				box-shadow: 6px 6px 25px #aaaaaa;
				padding: 0 0 0 0 !important;
			}
			.option_item{
				height: 220px;
				width: 49%;
				text-align: center;
				font-size: 30px;
				font-weight: bold;
				float: left;
				text-decoration:none;
				color: #292929
				
			}
			.option_icon{
				width: 71px;
				height: 71px;
				margin-top: 70px;
			}
			.h_split{
				width: 90%;
				height: 5px;
				background: #EBEBEB;
				float: left;
				margin-top: 10px;
				margin-left: 5%;
			}

			.v_split{
				width: 5px;
				height : 184px;
				background: #EBEBEB;
				float: left;
				margin-top: 18px;
			}
			#info {
				padding: 20px 10px;
			}
		</style>
		
		
	</head>
	<body >
		<div id="head_div">
			<div id="logo_div">
				<img src="img/panshi/logo.png"></img>
			</div>
			<span >磐石设备管理系统</span>
		</div>
		
		
		<div id="content_div">
			<a class="option_item" href="javascript:showTip()">
				<img class="option_icon" src="img/panshi/up.png"/>
				<div><span>设备上架</span></div>		
			</a>
			
			<div class = "v_split"></div>
			
			<a class="option_item" href="javascript:showTip()">
				<img class="option_icon" src="img/panshi/transform.png"/>
				<div><span>设备迁出</span></div>		
			</a>
			
			<div class="h_split"> </div>
			
			<a class="option_item" href="panshi-fixup.html">
				<img class="option_icon" src="img/panshi/fix.png"/>
				<div><span>设备维护</span></div>		
			</a>
			
			<div class = "v_split"></div>
			
			<a class="option_item" href="javascript:showTip()">
				<img class="option_icon notready" src="img/panshi/out.png"/>
				<div><span>报废退库</span></div>		
			</a>
				
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			(function(){
				var targetW = 750;
				var scale = document.documentElement.clientWidth / targetW;
				var meta = document.querySelector("meta[name='viewport']");
				meta.content = "width=device-width,initial-scale=" + scale + 
				",maximum-scale=" + scale +
				",minimum-scale=" + scale +
				",user-scalable=no" ;  
			})();
			
			function showTip(){
				 mui.toast('功能开发中...');
			};
			
			
		</script>
	</body>
</html>
